<%--
  Created by IntelliJ IDEA.
  User: teacher
  Date: 2023/11/2
  Time: 13:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $("#username").blur(function(){
                // 参数一:访问的url地址
                // 参数二:请求参数,即xhr.send(请求参数),如果没有参数,直接不写即可
                    // 参数支持JSON格式
                // 参数三:回调函数
                    // 回调函数可以有参数
                    // 即参数的值相当于let result = xhr.responseText
                // 参数四:响应数据的格式,常见值有两种
                    // 1.text:默认值,返回普通字符串
                    // 2.json:返回json对象
                    // 此时后台返回的是一个JSON格式的字符串
                    // 通过该参数会自动将JSON格式字符串转换成对象
               // $.get(url,[data],callback,[dataType]);
               // $.post(url,[data],callback,[dataType]);

                <%--$.get("${pageContext.request.contextPath}/checkUsername?username="+$(this).val(),--%>
                <%--function(result){--%>
                    <%--console.log(result);--%>
                    <%--$("#s1").html(result);--%>
                <%--})--%>

                $.post("${pageContext.request.contextPath}/checkUsername",
                    {"username":$(this).val()},
                    function(result){
                        console.log(result);
                        $("#s1").html(result);
                    })
            });
        })
    </script>
</head>
<body>
<h1>用户注册</h1>
<hr>
<form action="">
    用户名:<input type="text" name="username" id="username"><span id="s1"></span><br>
    密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password"><br>
    电&nbsp;&nbsp;&nbsp;话:<input type="text" name="phone"><br>
    地&nbsp;&nbsp;&nbsp;址:<input type="text" name="address"><br>
    <input type="submit" value="注册">
</form>
</body>
</html>
